@charset "utf-8";
/*字体*/
*{font-family: "微软雅黑", "宋体", tahoma, Srial, helvetica, sans-serif;}
html,body,#app,.wrapper{width:100%;height:100%;overflow: hidden;}

/*login_start*/
.login-wrap{position: relative; width:100%; height:100%;background:url('/static/img/login.jpg') center no-repeat;background-size: 100% 100%; }
.ms-login{width: 340px;position: absolute;top: 25%;left: 50%;margin-left: -170px;box-sizing: border-box;padding: 10px;background:rgba(255,255,255,0.4);border-radius: 6px;}
.ms-login .ms-login-info{background: #fff;width: 100%;box-sizing: border-box;padding: 20px;border-radius: 6px;}
.ms-login .ms-login-info .ms-title{width: 100%;text-align: center;font-size: 22px;padding: 5px 0 15px 0;}
.login-btn{text-align: center;}
.login-btn button{ width:100%;height:36px;}
/*login_end*/

/*header_start*/
.header{position: relative;  box-sizing: border-box;  width: 100%;  height: 50px;  font-size: 22px;  line-height: 50px; color: #fff;background: rgb(50, 87, 76); transition: all 0.2s;  -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s;}
.header-info{width: 80%;margin: 0 auto;position: relative;height: 50px;}
.header .logo{width:250px;  text-align: center;position: absolute;left: 50px;}
.header .logo span{display: inline-block;height: 50px;line-height: 50px;}
.header .logo .logo-info{height: 50px;width: 100px;}
.header .logo .logo-info img{width: 100%;height: 100%;}
.header .logo .login-text{position: relative;bottom:6px;color: #20A0FF;}
.user-info {font-size: 16px;color: #fff;position: absolute;right: 0;text-align: center;}
.user-info .el-dropdown-link{position: relative;  display: inline-block;color: #fff;  cursor: pointer;  vertical-align: middle;}
.user-info .user-logo{position: absolute;  left:0;  top:15px;  width:40px;  height:40px;  border-radius: 50%;}
.el-dropdown-menu__item{text-align: center;}
/*header_end*/

/*move_start*/
.move-enter-active,.move-leave-active{transition: opacity .5s;}
.move-enter,.move-leave{opacity: 0;}
/*move_end*/

/*sidebar_start*/
.sidebar{display: block;position: absolute;width: 240px;left: 0;top: 80px;bottom:0; transition: all 0.2s;  -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; background: rgb(57, 50, 87);}
.sidebar > ul {height:100%;}

.sidebar .fa{margin-right: 10px;}
.sidebar .el-menu-item, .sidebar .el-submenu__title{ height: 35px;line-height: 35px; }/* 左侧滑动标题*/
.sidebar .el-submenu__title .fa{font-size: 18px; width: 18px;height: 16px;} /* 菜单标题图标*/
.el-submenu .el-menu-item{  height: 25px;  line-height: 25px;  } /* 菜单下拉容器*/
.sidebar .el-submenu__title span{  font-size: 16px;  } /* 菜单标题字体*/
.sidebar .el-menu-item span{  font-size: 14px;  }/* 菜单下拉字体大小 */
.sidebar .el-menu-item .fa{font-size: 16px; width: 16px;height: 12px;} /* 菜单下拉图标*/
/*sidebar_end*/

/*menu-toggle_start*/
.menu-toggle{font-size: 16px;width: 240px;background: rgb(50, 87, 76);color: rgb(193, 191, 217);cursor: pointer;height: 30px;line-height:30px;padding: 5px 0;  text-align: center;transition: all 0.2s;  -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s;}
/*menu-toggle_end*/

/*wrapper-header-toggle*/
.wrapper-header-toggle{display: none;transition: all 0.2s;  -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s;}
/*hwrapper-header-toggle*/

/*is_Menu_start*/
.isMenu-active .menu-toggle{width: 60px;text-align: center;}
.isMenu-active .menu-toggle i{color: #00aa55;transform: rotate(180deg);position: relative;left: -3px;}

.isMenu-active #header_toggle{width: 60px;}

.isMenu-active .sidebar{width: 60px;}
.isMenu-active .sidebar span,.isMenu-active .sidebar .el-icon-arrow-down{display: none;}
.isMenu-active .sidebar .el-menu-item{padding: 0;}
.isMenu-active .sidebar .el-menu-item .fa{position: relative; right: 10px;}

.isMenu-active .content{left: 60px;}
/*is_Menu_end*/

/*isHeader-active_start*/
.isHeader-active .header{display: none;}
.isHeader-active .wrapper-header-toggle{display: block;width: 240px;height: 35px;padding: 5px 0; background: rgb(57, 50, 87);  color: rgb(193, 191, 217);text-align: center;font-size: 20px;}
.isHeader-active .sidebar {top: 40px;}
.isHeader-active .content{top: 0;}
/*isHeader-active_end*/

/*content_start*/
.content{background: none repeat scroll 0 0 #f2f2f2;position: absolute;left: 240px;right: 0;top: 50px;bottom:0;width: auto;padding: 5px;box-sizing: border-box;overflow-y: auto; transition: all 0.2s;  -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s;}
.content .readme-info{position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;background: url('/static/img/readme.jpg') no-repeat center;background-size: 100% 100%;}
/*content_end*/

/*去掉el loading 背景色*/
.el-loading-mask{background: rgba(255,255,255,0);}
